<template>
  <div v-if="isShow">
    <el-dialog
      title="提示"
      :visible.sync="dialogVisible"
      width="30%"
      :modal-append-to-body="false"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
      :show-close="false"
      top="30vh"
    >
      <span>请补充经营许可，门店资料，提交审核通过后，才可以发布商品哦~</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="toRoutes('shopMessageIndex')">去填写资料</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    isShow: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      dialogVisible: true
    }
  },
  methods: {
    // 路由跳转
    toRoutes(e, userId) {
      const route = { name: e, query: { userId: userId }}
      this.$router.push(route)
    }

  }
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>

</style>
